// 前后端数据传输格式
// 2种  表单数据   formData数据   1种  JSON数据 (常见的 -----> 替代表单数据)
// FormData是H5新增一种管理表单的构造函数
// 抛开JQ, 快速获取表单内容, 原生没有 ----> H5 提供了FormData快速获取(管理)表单数据

// 快速获取表单数据
/* 
<form>
  <input name="user">
  <input name="age">
  <input type="file" name="file" id="file">
</form> 
*/
// const form = document.querySelector('form')
// const fd = new FormData(form)
// 打印fd看不出来, 是一种数据格式, 必须通过循环遍历才能看到
// 发送ajax, 把fd发送给后端  数据格式是什么? multipart/form-data
// 一般后端传表单数据,格式是什么? ①x-www-form-urlencode 普通表单数据格式   ②JSON(后面用的)

// 一般情况下, new FormData() 不是用来传常见表单数据, 约定好一般用来上传文件(H5之前没有文件上传功能) multipart/form-data
// 上传文件的步骤
// ①获取文件   const file = document.querySelector('#file').files[0]
// ②创建formData实例    const fd = new FormData()
// ③把文件添加到fd内     fd.append('avatar', file)
// ④发ajax传数据


const fd = new FormData()
const o = {
  title: '你好',
  cate_id: 123
}
for (let key in o) {
  key //①'title'  ②'cate_id'
  o[key] //①'你好   ②123
  fd.append(key, o[key])
}
fd.append('title', '你好')
fd.append('cate_id', 123)